/*           INICIO DE CSS PARA INDEX      */

#divIndex{
     /* Posicion y Anchura de el div */
     position:absolute;
     width:300px;
     height:200px;
     top:24em;
     left:50%;
     margin:-150px 0 0 -150px;
     background-color: #FFFFFF;
     /* Sombras de el div */
     box-shadow:2px 2px 10px 7px #C9C9C9;
     -webkit-box-shadow:2px 2px 10px 7px #C9C9C9;
     -moz-box-shadow:2px 2px 10px 7px #C9C9C9;

     /* Bordes Redondeados */
		 -webkit-border-radius: 3px;
		 -moz-border-radius: 3px;
		 border-radius: 3px;
		 
	
}
#tablaLogin{
    margin-top:20px;
    margin-right:50px;
    margin-left:50px;
}
#tablaLogin input{
     border-radius: 3px;
}

.bodyIndex{
/*  background-image: url('fondo.jpg');
  background-repeat: repeat */
  background-color: #F2F2F2;
}

/*           FIN DE CSS PARA INDEX      */



#imgLogo{
	/*etiqueta img donde tenemos cargada la imagen de SpecialOlympics*/
     width:300px;
     height:170px;
	 
	 /*la imagen siempre ocupar� el centro de la pagina */
	display: block; 
	margin-left: auto;
	margin-right: auto;
	margin-top: 3em;
}

body{
    font-family:'Open Sans', 'Helvetica Neue', Arial, sans;
	
	color: #708090;
}

#submit{
   /*boton enviar */
	background-color: #019875;
	color: white;
	width: 7em;
	height: 2em;
}

.error{
	width:300px;
	/*el tama�o depender� de los errores*/
	/*el borde tiene color emerald y punteado,
	estas proppiedades se activan al validar*/
	border-style:solid;
	border-color: #019875;
	/*div centrado y bloqueado para redimensionado*/
	display: block; 
		margin-left: auto;
		margin-right: auto;
		margin-top: 15em;
	/* Bordes Redondeados */
		 -webkit-border-radius: 3px;
		 -moz-border-radius: 3px;
		 border-radius: 3px;
	/*Formato Letras*/
	 color: #e23d28
}

.text{
	/*los dos imput type='text' usuario y contrase�a */
	width: 14em;
	height:3em;
	
}

td{
	/*separaci�n entre los diferentes td*/
	padding: 10px 0px 0px 0px;
	font-size: 0.75em;
}